body,p{
    margin: 0;
    padding: 0;
}
body{
    background-color: #F7F8FB;
    // padding-bottom: 1rem;
}
header{
    position: relative;
    background-color: #fff;
    width: 100%;
    height: 0.44rem;
    text-align: center;
    line-height: 0.44rem;
    color: #40404E;
    font-size: 0.17rem;
    font-weight: 700;
    .header-left{
        position: absolute;
        width: 0.44rem;
        height: 0.44rem;
        top: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        .icon-left{
            width: 0.25rem;
            height: 0.25rem;
            background:url('') no-repeat 0 0;
            background-size: 100%;
        }
    }
}
.edm-sec,.nm-sec{
    background-color: #fff;
    margin-top: 0.1rem;
    padding-left: 0.15rem;
    .sec-header{
        width: 100%;
        height: 0.48rem;
        line-height: 0.48rem;
        color: #40404E;
        font-size: 0.2rem;
        font-weight: 700;
    }
    .edm-item,.nm-item{
        border-bottom: 1px solid #F0F0F0;
        width: calc(100% - 0.15rem);
        height: 0.76rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-right: 0.15rem;
        .lf{
            display: flex;
            flex-direction: column;
            .lft{
                display: flex;
                align-items: center;
                .title{
                    color: #40404E;
                    font-size: 0.16rem;
                    font-weight: 700;
                    margin-bottom: 0.05rem;
                }
                .item-reward{
                    color: #40404E;
                    font-size: 0.15rem;
                    display: flex;
                    align-items: center;
                    font-weight: 700;
                    i{
                        width: 0.15rem;
                        height: 0.15rem;
                        background: url('') no-repeat 0 0;
                        background-size: 100%;
                        margin: 0 0.05rem;
                    }
                }
                >p{
                    color: #60606A;
                    font-size: 0.12rem;
                    margin-left: 0.08rem;
                }
            }
            >p{
                color: #90909A;
                font-size: 0.12rem;
            }
        }
        .rt{
            width: 0.7rem;
            height: 0.32rem;
            text-align: center;
            line-height: 0.32rem;
            color: #fff;
            font-size: 0.14rem;
            border-radius: 0.2rem;
        }
        .rt_current{
            background-color: #3D79FF;
        }
        .rt_uncurrent{
            background-color: #BFBFC9;
        }
    }
}   

.mask{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    .sign-container{
        width: 3.2rem;
        height: 4.23rem;
        background-color: #fff;
        border-radius: 0.2rem;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        .sign-header{
            position: absolute;
            width: 2.7rem;
            height: 0.76rem;
            top: -0.37rem;
            left: 50%;
            margin-left: -1.35rem;
            background: url('../images/sign_header.png') no-repeat 0 0;
            background-size: 100%;
        }
        .sign-close{
            position: absolute;
            width: 0.2rem;
            height: 0.2rem;
            right: 0.1rem;
            top: 0.1rem;
            background: url('') no-repeat 0 0;
            background-size: 100%;
        }
        
    }
}

.sign-num{
    color: #40404E;
    font-size: 0.17rem;
    font-weight: 600;
    span{
        color: #3D79FF;
        font-size: 0.3rem;
    }
}
.sign-daycheck{
    padding: 0 0.15rem;
    width: calc(100% - 0.3rem);
    margin-top: 0.2rem;
    .line-one,.line-two{
        display: flex;
        justify-content: space-between;
        align-items: center;
        .line-one-item{
            display: flex;
            flex-direction: column;
            align-items: center;
            color: #60606A;
            font-size: 0.12rem;
            .coin-box{
                width: 0.65rem;
                height: 0.65rem;
                background-color: #F5F7FA;
                border-radius: 0.15rem;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                color: #40404E;
                font-size: 0.2rem;
                font-weight: bold;
                margin-bottom: 0.1rem;
                .coin{
                    width: 0.25rem;
                    height: 0.25rem;
                    background: url('') no-repeat 0 0;
                    background-size: 100%;
                    margin-bottom: 0.02rem;
                }
            }
            .open-card{
                width: 0.65rem;
                height: 0.65rem;
                background: url('../images/open_card.png') no-repeat 0 0;
                background-size: 100%;
                margin-bottom: 0.1rem;
            }
            .open-vip{
                width: 0.65rem;
                height: 0.65rem;
                background: url('../images/vip.png') no-repeat 0 0;
                background-size: 100%;
                margin-bottom: 0.1rem;
            }
        }
        .signed{
            .coin-box{
                background-color: #F5F7FA;
                color: #BFBFC9;
                position: relative;
                .coin{
                    background: url('') no-repeat 0 0;
                    background-size: 100%;
                }
                .right-icon{
                    position: absolute;
                    right: 0;
                    top: 0;
                    width: 0.5rem;
                    height: 0.18rem;
                    background: url('../images/signed.png') no-repeat 0 0;
                    background-size: 100%;
                }
            }
            .open-card{
                background: url('../images/open_card_hui.png') no-repeat 0 0;
                background-size: 100%;
                position: relative;
                .right-icon{
                    position: absolute;
                    right: 0;
                    top: 0;
                    width: 0.5rem;
                    height: 0.18rem;
                    background: url('../images/signed.png') no-repeat 0 0;
                    background-size: 100%;
                }
            }
            .open-vip{
                background: url('../images/vip_hui.png') no-repeat 0 0;
                background-size: 100%;
                position: relative;
                .right-icon{
                    position: absolute;
                    right: 0;
                    top: 0;
                    width: 0.5rem;
                    height: 0.18rem;
                    background: url('../images/signed.png') no-repeat 0 0;
                    background-size: 100%;
                }
            }
        }
    }
    .line-two{
        justify-content: center;
        margin-top: 0.2rem;
        .line-one-item:nth-child(2){
            margin: 0 0.1rem;
        }
    }
}
.sign-btn{
    width: 2.6rem;
    height: 0.45rem;
    background-color: #3D79FF;
    border-radius: 0.24rem;
    color: #fff;
    font-weight: 600;
    line-height: 0.45rem;
    text-align: center;
    margin-top: 0.2rem;
}
.signed-btn{
    width: 2.6rem;
    height: 0.45rem;
    border-radius: 0.24rem;
    color: #fff;
    font-weight: 600;
    line-height: 0.45rem;
    text-align: center;
    margin-top: 0.2rem;
    background-color: #BFBFC9;
}
.sign-remind{
    color: #40404E;
    font-size: 0.13rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.2rem;
    margin-top: 0.15rem;
    .remind-checkbox{
        width: 0.42rem;
        height: 0.25rem;
        background-color: #3D79FF;
        border-radius: 0.15rem;
        position: relative;
        margin-left: 0.08rem;
        .remind-checkbox-btn{
            position: absolute;
            width: 0.21rem;
            height: 0.21rem;
            background-color: #fff;
            border-radius: 50%;
            right: 0.02rem;
            top: 0.02rem;
        }
        .left-btn{
            transform: translateX(-0.18rem);
            -ms-transform:translateX(-0.18rem); 	/* IE 9 */
            -moz-transform:translateX(-0.18rem); 	/* Firefox */
            -webkit-transform:translateX(-0.18rem); /* Safari 和 Chrome */
            -o-transform:translateX(-0.18rem); 
        }
    }
    .unchecked{
        background-color: #EDEFF3;
    }
}
